<div class="settleOrder block" data-title="结单" ms-controller="settleOrder">
    <!-- 第一步 填写存款信息 -->
    <div :visible="@step==1">
        <a href="#" class="record"><i class="icon"></i> 转账记录</a>
        <h2 class="h2_title">结单</h2>
        <!-- 加载 -->
        <div class="queryLoad" :visible="@queryLoad"></div>

        <!-- 取款表单 -->
        <div class="form mtop20" :visible="!@queryLoad">
            <div class="transferBox">
                <div class="left">
                    <p class="label">转出</p>
                    <div class="fromAccount">
                        <p class="checked" :click="@selectFrom.show=true">
                            <span class="text">{{@from.platformName}}</span>
                            <i class="trangle"></i>
                        </p>
                        <div class="checkList" :visible="@selectFrom.show">
                            <a href="javascript:;" :for="(index,el) in @accTradeInfoList" :click="@switchFrom(@el,@index)">
                                {{@el.platformName}}
                            </a>
                        </div>
                    </div>
                    <span class="accountNo">{{@from.accountNo}}</span>
                    <div class="info">
                        可取：{{@from.withdrawableAmount + @from.currencyName}}
                        <a href="javascript:;" class="refresh" :click="@refresh">
                            <i class="icon"></i>
                            刷新
                        </a>
                    </div>
                </div>
                <a href="javascript:;" class="centerIcon" :click="@switchFromTo"></a>
                <div class="right">
                    <p class="label">转入</p>
                    <div class="fromAccount">
                        <p class="checked">
                            <span class="text">{{@to.platformName}}</span>
                        </p>
                    </div>
                    <span class="accountNo">{{@to.accountNo}}</span>
                    <div class="info">
                        可取：{{@to.withdrawableAmount + @to.currencyName}}
                    </div>
                </div>
            </div>

            <div class="grid_row">
                <div class="row-label">转账金额<span class="danger">*</span>：</div>
                <div class="row-content">
                    <input type="text" class="textInput" 
                            :keyup="@transAmountInput"
                            :change="@transAmountInput"
                            :duplex="@amount">
                    {{@from.currencyName}}
                </div>
            </div>
            <div class="grid_row">
                <div class="row-label">系统汇率：</div>
                <div class="row-content">
                    {{@rate}}
                </div>
            </div>
            <div class="grid_row">
                <div class="row-label">转入金额：</div>
                <div class="row-content">
                    {{@transinAmount + @from.currencyName}}
                </div>
            </div>
            <div class="acTips" :visible="@activity && @activity.accoutShecmeList.length>0">
                若您申请转账，则
                <a href="javascript:;" class="primary" :click="@acRecordDialog.display='block'">{{@activity.accoutShecmeList.length}}个活动</a>
                资格将会被取消，同时已赠送的金额
                <a href="javascript:;" class="primary" :click="@acRecordDialog.display='block'">（{{@activity.sumBonusOutAmount+@activity.currenyName}}）</a>
                将从账户中扣除，如有疑问，请联系客服。
            </div>
            <div class="grid_row mtop20">
                <div class="row-label">&nbsp;</div>
                <div class="row-content">
                    <button class="m-btn " 
                    :class="{loading:@submitLoad}"
                    :attr="{disabled:@submitLoad}"
                    :click="@submitfn | prevent">提交</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 第二步 确认取款信息   -->
    <div class="transferConfirm" :visible="@step==2">
        <a href="#" class="record"><i class="icon"></i> 转账记录</a>
        <h2 class="h2_title">平台转账</h2>

        <div class="depositInfo mtop20">
            <div class="grid_row">
                <p class="row-label">转出账号：</p>
                <div class="row-content"> 
                    {{@from.accountNo + '['+@from.platformName+']'}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">转入账号：</p>
                <div class="row-content"> 
                    {{@to.accountNo + '['+@to.platformName+']'}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">转账金额：</p>
                <div class="row-content"> 
                    <span class="showy">{{@amount}}</span>
                    {{@from.currencyName}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">系统汇率：</p>
                <div class="row-content"> 
                    {{@rate}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">转入金额：</p>
                <div class="row-content"> 
                    <span class="showy">{{@transinAmount}}</span>
                    {{ @to.currencyName}}
                </div>
            </div>
            <div class="grid_row">
                <p class="row-label">&nbsp;</p>
                <div class="row-content"> 
                    <button class="m-btn " 
                    :class="{loading:@submitLoad}"
                    :attr="{disabled:@submitLoad}"
                    :click="@confirmSubmit | prevent">确认</button>
                    <button class="m-btn-default mleft10" ms-click="@step=1">返回</button>
                </div>
            </div>
        </div>
    </div>

    <div class="tipBlock">
        <p class="label">
            <i class="icon"></i>
            注意事项：
        </p>
        <ul>
            <li>假期或周末过市时产品所需保证金增加，请客户在转账钱留意资金状态。</li>
        </ul>
    </div>

    <!-- 活动记录的弹窗  start -->
    <xmp is="ms-dialog" ms-widget="{dialog:@acRecordDialog}" >
        <p>
            若您申请取款，则以下活动资格将会被取消，
            同时已赠送的金额（{{@activity.sumBonusOutAmount+@activity.currenyName}}）将从账户中扣除，
            如有疑问，请联系客服。
        </p>
        <table class="table mtop10">
            <thead>
                <tr>
                    <th :for="th in @acRecordDialog.thList">{{@th.label}}</th>
                </tr>
            </thead>
            <tbody>
                <tr :for="tr in @acRecordDialog.list">
                    <td :for="th in @acRecordDialog.thList"
                        :class="@th.className"
                        :html="avalon.isFunction(@th.text) ? @th.text(@tr) : @tr[@th.text]"></td>
                </tr>
            </tbody>
        </table>
    </xmp>
    <!-- 活动记录的弹窗  start -->
</div>